@charset "gb2312";
/* CSS Document
Theme Name: 285
Theme URI: 
Description: A website for guide themes.
Version: 2017.12.21
Author: liuxiaoxue
 */
html{color:#000;background:#FFF; overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
a:hover {text-decoration: none}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
/* sup{vertical-align:baseline;}
sub{vertical-align:baseline;} */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:14px/1.231 arial,helvetica,clean,sans-serif; min-width:1200px}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.txtboxcs{ border:solid 1px #ccc; height:22px;}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

#flashs{ height:489px; position:relative; overflow:hidden; width:100%; text-align:center;}
#flashs .btn{ position:absolute; bottom:40px; right:190px; padding:5px 6px;}
#flashs .btn span{ color:#fff;  background:#aaa;cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;}
#flashs .btn span.cur{ background:#666;}

#banner {
    width: 100%;
    position: relative;
    margin-top: 71px;
}
#slides {display:block;width:100%;height:489px;list-style:none;padding:0;margin:0;position:relative;}
#slides li {display:block;width:100%;height:100%;list-style:none;padding:0;margin:0;position:absolute}
#slides li a {display:block;width:100%;height:100%;text-indent:-9999px;}
#pagination{display:none;}

body { color:#666; font-size:14px; font-family: "Microsoft YaHei";background: rgb(247, 247, 247);} /*网站字体颜色*/
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}

.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

.header{
    width: 1200px;
    margin: 0 auto;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 .content{ width:1200px; margin:0 auto; z-index:999;overflow: hidden;padding-bottom: 50px;}
.footer{ width:1200px; margin:0 auto; z-index:999;padding: 50px 0;overflow: hidden;}
.left2 { width:100%; float:right; overflow:hidden;}
.right { width:100%; float:left; display:inline; margin-left:15px; overflow:hidden; margin-bottom:30px}
.right_main {min-height:458px; border-top:0; border-bottom:0;overflow:hidden; margin-top:20px}
.left2_main {padding-bottom:15px; overflow:hidden;}
.h_nav li a:-webkit-any-link{ display:block;}

/*头部开始*/
.logo{height: 70px}
.logo > h1,.logo > h1 > a,.logo > h1 > a >img {height: 100%;display: block;}

#checkbox,
.logo > h1 > a > .logo-m {
    display: none;
}


.hdWrap{ 
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 999;
    top: 0;
    margin: 0 auto;
    background: rgb(247 247 247);
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.18);
}
.hd_Top{font-size:12px; height:40px; line-height:40px;color:#0065b5;}
.hd_Top p a{color:#666666; padding:0 15px; text-decoration:none;}
.hd_Top p a.icon{ padding-right:0px;}
.hd_Mid{ height:157px; overflow:hidden; text-align:center}
.hd_logo{ margin:30px 0px 0 0;width:700px;overflow:hidden;}
.hd_txt{ padding:58px 0px 0px 0px;font-size:22px; color:#333; width:230px; line-height:28px; text-align:left;}
.hd_txt b{font-size:26px; color:#0065b5;}
.hd_txt span{ font-size:14px; display:block; text-transform:uppercase;}
.hd_phone{ width:260px; padding:0 0 0 50px; margin:58px 0 0 0; background:url(../img/hd_phone.png) left center no-repeat; height:49px; line-height:49px;}
.hd_phone span{ font-size:16px;color:#333;}
.hd_phone span b{font-size:26px; color:#0065b5; font-family:"Times New Roman"}
.nav{display: flex;}
.nav > ul{display: flex;}
.nav ul li{position:relative;}
.nav ul li a{display:block;text-align:left;padding: 26px 18px;zoom:1;text-decoration:none;font-size:14px;}
.nav ul li a:hover,.nav ul li.cur a{display:block;}
.nav .sub-menu li{  width:100%;overflow:hidden;background: #f7f7f7;}
.nav .sub-menu {width: 100%; position:absolute; z-index:999;left:0;transition: .4s;}
.nav .sub-menu li:hover{ text-decoration:none;}
.fnav-dh{overflow: hidden;
    display: flex;
    width: 100%;}
    

ul {
	padding: 0;
	list-style: none;
}
.navigation,
.mobile-btn {
	display: none;
}
/*----默认隐藏二级菜单----*/
#nav li > ul {
	visibility: hidden;
	height: 0;
}
/*----父级Hover，子级显示----*/
#nav li:hover ul {
	visibility: visible;
	height: auto;
	transition: .4s;
}
/*----父级目录----*/
#nav > ul > li {
	display: inline-block;
}
@media screen and (max-width: 767px) {

.nav > ul {
    display: block;
}

#nav {
    position: absolute;
    visibility: hidden;
    width: 80%;
    height: 100vh;
    top: 71px;
    left: -1000px;
    height: 100vh;
    background: rgb(255 255 255 / 92%);
    backdrop-filter: blur(10px);
    transition: all 0.5s;
}
#nav > ul > li {
	display: inline;
}
.navigation,.mobile-btn {
	display: block;
    color: #0065b5;
}

#nav[mobile="on"] {
    visibility: visible;
    left: -5px;
    z-index: 1;
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.18);
    transition: all 0.5s;
}



#checkbox:checked + .toggle {
    transition-duration: .5s;
    transform: rotate(180deg);
}

#checkbox:checked + .toggle .bars {
    position: absolute;
    transition-duration: .5s;
}

#checkbox:checked + .toggle #bar1 {
    width: 100%;
    transform: rotate(45deg);
    transition-duration: .5s;
}

#checkbox:checked + .toggle #bar2 {
    transform: scaleX(0);
    transition-duration: .5s;
}

#checkbox:checked + .toggle #bar3 {
    width: 100%;
    transform: rotate(-45deg);
    transition-duration: .5s;
}


.news_pic_wz {
    width: 100%;
}

.news_li_wz {
    width: 95%;
    float: none;
    margin: 10px;
}

}
		
.current-menu-item > a {
    background: #0065b5;
}

#header_nav_ul .current-menu-item > a {
    color: #fff;
}

#header_nav_ul >li:hover > a {
    background: #0065b5;
    color: #fff;
}
/*底部开始*/
.foot{overflow:hidden;margin-top: 20px;background: rgb(0 101 181);}
.fnav{ color:#fff; margin:0 0 0 0;}
.sidebar-footer{width:33.33%}
.fnav li{ height:44px; float: left;}
.fnav li a{ text-align:center;font-weight:normal;color:#fff; padding:0 10px;}
.ftInfo{ height:auto;overflow:hidden;}
.ftInfo p.ftlogo{display:inline;margin:0 30px 0 152px;}
.ftInfo p.ftInfo_con{ margin-top:10px;width:1200px;display:inline; height:auto; overflow:hidden; font-size:14px; color:#333; line-height:40px; text-align:center}
.ftInfo p.ftInfo_con span{ padding:0 6px;    color: #fff;}
.ftInfo p.ftInfo_con span a{ padding:0 6px;    color: #fff;}
.ftInfo .code{display:inline; margin-top:20px; float:right; margin-right:80px}

/*查看详情共用按钮*/
.ckBtn{display:block;width:100px; height:18px; line-height:18px; text-align:center; background:url(../img/ckbtn_bg.png) center center no-repeat; float:right; margin-right:10px}
.ckBtn a{color:#fff;}

/*共用标题*/
.common_Title{ height:39px; line-height:39px; font-weight:normal; }
.common_Title span{ width:115px; height:38px;font-size:14px; text-align:center; display:block;}
.common_Title span a{text-decoration:none; font-family: "Microsoft YaHei";}
.common_Title em{ padding:0 25px 0 0;font-style:normal;}
.common_Title em a{ font-size:12px; color:#666666;font-family:"宋体"; text-decoration:none;}

/*共用盒子*/
/*.common_box{ border: solid 1px #e8e8e8; height:auto; overflow:hidden;}*/

/*search*/
.search{ overflow:hidden; height:28px;line-height:28px;margin:0 auto 2px auto;}
.search span{font-size:12px;}
.search span b{ color:#0065b5;}
.search span a{color:#666; padding:0 10px;}
.search span a.icon{ padding-left:0px;}

.search span.fl {display: block; float: left;font-size: 12px;width: 715px;}
.search span.fl>b,
.search span.fl>li{display: block;
    float: left;
    font-size: 12px;}
.search span.searchbtn{width:47px;}
.search span.searchbtn input{ width:47px; background:url(../img/ssbtn_bg.jpg) center center no-repeat; cursor:pointer;}
.search_r{ height:28px;line-height:28px; width:234px;}
.search_r input{ float:left;height:26px; line-height:26px; border: solid 1px #900; border-right:none;}
.search_r .search_txt{display:block;width:184px; height:26px;}
.search_r span.searchbtn a{ padding:0px;background:url(../img/ssbtn_bg.jpg) center center no-repeat; display:inline-block;width:46px; height:28px;} 
.searchbtn input{ border:0; height:28px;}
/*banner*/
.banner{ overflow:hidden; text-align: center;margin-bottom: 15px;}
#ban-ul{display: flex;left: 0px;position: relative;transition: transform 0.5s ease-in-out 0s;}
#ban-ul li{width: 100%;height:100%;flex-shrink: 0;scroll-snap-align: center;}
.ban-img > img {width: 100%}



/*classfiy*/
.cp_box{ height:780px; background:url(../img/cp_boxBg.png) left bottom no-repeat;}
.classfiy{ width:234px; overflow:hidden; background:url(../img/classfiy_bg.jpg) center center repeat-y;}
.classfiy h2{ background:url(../img/classfiy_topBg.jpg) center center no-repeat; height:56px; text-align:center; line-height:56px;}
.classfiy h2 a{ font-size:16px; color:#fff;text-decoration:none;}
.classfiy h3{height:36px; line-height:34px; background:url(../img/classfiy_icon1.jpg) 23px center no-repeat; background-color:#dedede;font-weight:normal; margin:22px 0px 5px 24px; padding:1px 0 0 38px; border-top: solid 1px #d9d9d9;overflow:hidden}
.classfiy h3 a{ font-size:16px; color:#0065b5;}
.classfiy ul{margin:0 auto 0 40px; width:180px;}
.classfiy ul li{border-bottom:1px dashed #cdcdcd; height:35px;line-height:35px; padding:0 5px 0 36px; background:url(../img/classfiy_icon2.jpg) 24px center no-repeat; width:155px; overflow:hidden}
.classfiy ul li a{font-size:14px; color:#555;}
.classfiy ul li.icon{border-bottom:none;}

/*cp*/
.cp{width:936px; overflow:hidden; padding:0 0 15px 30px; margin:15px 0 0 0;background-color:#f8f8f8;}
.cp h3{ border-bottom:solid 1px #dbdbdb; height:27px; line-height:27px; padding:0 0 6px 0; margin:9px 0 18px auto;}
.cp h3 a{font-size:16px;color:#0065b5;}
.cp h3 span{height:34px; line-height:34px; overflow:hidden;}
.cp h3 span a{ font-size:12px;color:#666; display:inline-block; font-weight:normal;}
.cp ul{ height:auto;}
.cp ul li{ float:left; padding:0 10px 0 0;width:221px; height:224px; text-align:center;}
.cp ul li img{display:block;padding:3px; border: solid 1px #e4e4e4;}
.cp ul li a:hover img{border:1px solid #0065B5;}
.cp ul li p{ display:block; height:44px; line-height:44px; font-size:14px; width:221px; overflow:hidden}
.cp ul li p a{ color:#555;}
.cp ul li p a:hover{ color:#0065b5}

/*广告图*/
.ad_box1{ height:119px;overflow:hidden; background:url(../img/ad01.jpg) center center no-repeat;}
.ad01{ width:960px; margin:0 auto; overflow:hidden; height:119px; text-align:center; padding-top:15px; font-size:38px; color:#FFF;letter-spacing:5px} 
.ad01 p{ position:absolute; top:78px; left:395px; font-size:16px; color:#fff;}
.ad01 p b{ font-size:24px;}
.ad_box2{ height:130px;overflow:hidden; background-color:#0065b5; margin:30px 0 30px 0;}
.ad02{ width:1200px; margin:0 auto; overflow:hidden; } 
.ad02 img{ width:1200px; height:130px;}

/*sup*/
.sup{ height:1042px; overflow:hidden; background:url(../img/sup_boxBg.jpg) center center no-repeat;}
.sup dl{ height:auto; overflow:hidden; margin:0px 15px 10px 15px}
.sup dl.icon1{ margin:40px 15px 60px 15px; height:265px; overflow:hidden;}
.sup dl.icon1 h4{ background:none; margin:0 0 14px 0;background:url(../img/sup_commonBg.png) center bottom no-repeat}
.sup dl.icon1 dt{ margin:40px 0 0 0; width:520px; background:url(../img/sup_01.png) left top no-repeat;}
.sup dl.icon1 dd{ border:#CCC 3px solid}
.sup dl.icon1 dd img{ width:490px;}
.sup dl.icon2{ height:333px; overflow:hidden;background:url(../img/sup_pic02Bg.png) center bottom no-repeat;}
.sup dl.icon2 dt{padding:0 0 0 30px;}
.sup dl.icon2 dt img{border:#CCC 3px solid}
.sup dl.icon2 dd{ width:560px; background:url(../img/sup_02.png) left 30px no-repeat; padding:30px 0 0 0;}
.sup dl.icon3 dt{ width:500px; background:url(../img/sup_03.png) left top no-repeat;}
.sup dl.icon3 dd{border:#CCC 3px solid }
.sup h4{font-size:18px;color:#f00505;padding:0 0 18px 110px;background:url(../img/sup_commonBg.png) center bottom no-repeat;}
.sup h4 b{ display:block;font-size:26px; color:#000; line-height:40px;}
.sup p{ font-size:14px; color:#333;margin:0 0 0 86px;line-height:26px; padding:0 0 0 20px; background:url(../img/sup_icon2.jpg) left 8px no-repeat;}
.sup p span{ color:#f00505;}


/*exam*/
.exam{ height:620px; overflow:hidden; background-color:#f9f9f9; margin:0 0 24px 0; padding:0 0 30px 0;}
.exam h3{ height:85px; line-height:85px; color:#fff; margin:0 0 22px 0; background:url(../img/exam_topBg.png) center center no-repeat;}
.exam h3 em{ width:75px; line-height:15px; height:37px; margin:35px 0 0 0;text-align:center;font-style:normal; font-weight:normal;background:url(../img/common_MoreBg.jpg) center center no-repeat;}
.exam h3 em a{font-size:12px; font-weight:normal;color:#fff;}
.exam h3 span{ padding:0 0 0 200px;}
.exam h3 span a{ font-size:24px;color:#fff; text-decoration:none;}

.exam ul{ width:890px; padding:19px 0 0 0;}
.exam ul li{ text-align:center;float:left;background-color:#e8e8e8; width:291px; height:240px; display:inline;margin:0 0 10px 2px;}
.exam ul li img{padding:3px; display:block; margin:0 auto;}
.exam ul li p{ height:24px; line-height:26px;}
.exam ul li p a{ font-size:14px; color:#666;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.exam ul li p a:hover{ color:#0065b5}

/*eval*/
.eval{ height:438px; width:812px;overflow:hidden;}
.eval h3{font-weight:normal; margin:0 0 28px 0;}
.eval h3 span{ background:url(../img/eval_topBg01.png) center center no-repeat; display:block; width:174px; height:38px;}
.eval dl{ height:175px;margin:0 0 20px 18px;}
.eval dl.icon{border-bottom: dashed 1px #c7c7c7; padding:0 0 18px 0;}
.eval dl dt{ width:226px; height:170px; margin:0 14px 0 0;}
.eval dl dt a img{ border:solid 1px #e4e4e4; padding:2px;}
.eval dl dd{ font-size:14px; width:530px;}
.eval dl dd h4{font-size:12px; font-weight:normal; color:#ec0505; padding:0 0 0 8px; margin:8px 0 0 0; line-height:22px;}
.eval dl dd h4 b{ font-weight:bold; display:block; width:512px; height:23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eval dl dd h4 b a{font-size:16px; color:#0065b5;}
.eval dl dd p{ color:#666666; line-height:28px; height:92px;margin:16px 0 5px 0;overflow:hidden; }

/*hb*/
.hb{ height:438px; overflow:hidden; width:386px;}
.hb ul{ padding:30px 0px 0 23px; height:366px; overflow:hidden; background:url(../img/hb_bg.jpg) left top no-repeat; width:363px}
.hb ul li{ height:170px; float:left; display:inline;margin:0 18px 5px 0; }
.hb ul li img{border: solid 1px #e1e1e1;}
.hb ul li span{ display:block; text-align:center;line-height:30px; width:162px;height:30px; overflow:hidden; font-size:14px}
.hb ul li span a:hover{ color:#0065b5}
/*trob*/
.trob_box{overflow:hidden; width:1200px;}
.trob{ overflow:hidden; width:1200px;}
.trob dl{overflow:hidden;margin:25px 0;}
.trob dl dt{ width:35%;}
.trob dl dt img{ width:100%; height: auto; display:block;     margin-right: 15px; border:#dbd9d9 4px solid}
.trob dl dd{ font-size:12px; width:65%;}
.trob dl dd h4{    padding: 8px 0 0 25px;}
.trob dl dd h4 a{font-size:16px; color:#0065b5;}
.trob dl dd p{ display:block;  overflow:hidden; color:#666666; line-height:28px;     padding: 12px 0 8px 25px; font-size:14px}
/*comp*/
.comp{ height:266px; overflow:hidden;}
.comp h3{ margin:0 auto 26px auto; text-align:center; background:url(../img/comp_topBg.jpg) center center no-repeat;}
.comp h3 a{ font-size:18px; color:#0065b5;}
.comp ul{overflow:hidden; padding:0 0 0 20px;}
.comp ul li{float:left; margin:0 10px 0 0; text-align:center;}
.comp ul li img{padding:2px; border: solid 1px #e4e4e4;}
.comp span{ display:block; height:50px; line-height:40px; width:205px; font-size:14px}
.comp span:hover{ color:#0065b5}

/*Honour*/
.Honour{overflow:hidden; width:315px; float:left; border-left:solid 1px #e8e8e8}
.Honour h3{ margin:0 0 28px 0;}
.Honour h3 span{display:block; width:142px; height:38px;background:url(../img/honour_topIcon.png) center center no-repeat;}
.Honour dl{ height:auto; overflow:hidden;margin:0 auto; text-align:center;}
.Honour dl dt img{ display:block; margin:0 auto;padding:3px; border: solid 2px #e1e1e1;}
.Honour dl dd { width:315px;line-height:42px; height:32px; margin-bottom:45px;overflow:hidden}
.Honour dl dd a{color:#666666; font-size:14px}
.Honour dl dd a:hover{ color:#0065b5}
/*equi*/
.equi{ height:416px; margin:40px auto 10px auto; overflow:hidden; background:url(../img/equi_bg.jpg) center center no-repeat;}
.equi h3{height:36px; line-height:36px; width:1020px; margin:50px auto 30px auto; border-bottom: dashed 1px #80b8de;}
.equi h3 span{ float:left;text-align:center;display:inline-block;width:136px; height:36px; line-height:36px; }
.equi h3 span a{font-weight:normal; color:#fff; display:inline-block;width:136px; height:36px; line-height:36px;}
.equi h3 span a:hover,.equi h3 .cur a{ text-decoration:none;font-weight:bold; color:#0065b5; background:url(../img/equi_Tbg.jpg) center center no-repeat;}

.equi h3 em{ font-style:normal; font-weight:normal; float:right; background:url(../img/equi_icon.png) left top no-repeat; width:78px; height:19px; line-height:19px; display:block; text-align:center;}
.equi h3 em a{ font-size:12px; color:#0065b5;}

.equi_con{ height:202px; width:1160px; margin:0 auto;overflow:hidden;}
.equi_con em{ display:inline-block;}
.equi_con em.prev{padding:68px 0 0 46px;}
.equi_con em.next{padding:68px 0 0 0;}
.equi_con em a{ display:inline-block; width:11px; height:34px;}
.equi_con em.prev a{background:url(../img/prev.jpg) center center no-repeat;}
.equi_con em.next a{background:url(../img/next.jpg) center center no-repeat;}
.equi_conBox {height:202px;overflow:hidden; display:inline-block; float:left; margin-left:65px}
.equi_conBox ul {}
.equi_conBox ul li{ float:left; height:auto; padding:0 15px;overflow:hidden; }
.equi_conBox ul li.icon{ margin-right:0px;}
.equi_conBox ul li a img{padding:2px; border:solid 1px #dfe2e3;}
.equi_conBox ul li span{ display:block; text-align:center; line-height:30px; font-size:16px; color:#FFF; width:227px; overflow:hidden}
.equi_conBox ul li span:hover{ color:#000}

/*FAQ*/
.news_box{width:100%; height:auto; overflow:hidden;padding:1px 0; }
.FAQ{ width:314px; height:456px;overflow:hidden; margin:14px 0 30px 0; background:url(../img/FAQ_bg.png) right 35px no-repeat;}
.FAQ h5{ background:url(../img/wen.jpg) left 5px no-repeat; margin:25px 0 0 0;}
.FAQ h5,.FAQ p{font-size:12px; padding:0 0 0 50px;}
.FAQ h5 a{font-weight:normal;line-height:32px;color:#555;}
.FAQ p{line-height:24px; height:72px;width:220px; color:#666; background:url(../img/da.jpg) left 4px no-repeat; margin:0 0 14px 0;overflow:hidden; }
.FAQ_box{ height:auto; width:290px;overflow:hidden; background-color:#fff;}


/*news*/
.news{ width:886px; height:456px; overflow:hidden; margin:14px 0 30px 0; background-color:#ffffff;}
.news h3{height:39px; line-height:39px; font-weight:normal;}
.news h3 span{ width:115px; height:38px;font-size:14px; text-align:center; display:inline-block; float:left;}
.news h3 span a{ display:block;text-decoration:none; color:#000;font-family: "Microsoft YaHei";}
.news h3 span a:hover,.news h3 .cur a{ text-decoration:none;}
.news h3 em{padding:0 20px 0 0;font-style:normal;}
.news h3 em a{ font-size:12px; color:#666666;text-decoration:none;}
.news .dyn_m{ height:380px}
.news dl{ width:850px; height:82px; margin:20px auto 10px auto; border-bottom:#CCC 1px dotted}
.news dl:hover{background-color:#f5f5f5; box-shadow: 5px 5px 10px #CCCCCC}
.news dl dt{ width:136px; margin:0 20px 0 0;}
.news dl dt img{padding:2px; border: solid 1px #e4e4e4}
.news dl dd{ width:688px;}
.news dl dd h4{ float:left; width:560px; height:20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news dl dd h4 a{font-size:16px; color:#0065b5;text-decoration:none; }
.news dl dd p{ color:#666; line-height:24px;height:50px; width:688px;font-size:14px; padding-top:8px;overflow: hidden;}

/*fd_link*/
.fd_link{ width:1200px; margin:20px auto; height:auto; overflow:hidden;padding-top: 20px;}
.fd_link h3{ font-weight:normal;width:260px; height:39px; line-height:28px; margin:0 auto;font-size:22px; border-bottom:#0065b5 3px solid; text-align:center}
.fd_link h3 a{ color:#0065b5; display:block}
.fd_link ul{ height:auto; overflow:hidden; line-height:38px; padding:10px 0;}
.fd_link li{ float: left;}
.fd_link li a{ padding:0 16px 0 16px; font-size:12px; color:#666666;}

.exam_side img{ width:300px; height:434px;}

#down{display:block;}

.nav ul li ul li a{font-size:12px;text-align:center;padding: 15px 5px;}


.sy_photo {
    display: flex;
    overflow: hidden;
    width: 100%;
    background-size: cover;
}

.sy_photo li {
    float: left;
    width: 25%;
    height: 430px;
    padding-top: 86px;
    text-align: center;
    background: rgb(0 0 0 / 30%);
    border-right: 1px solid rgba(242, 238, 238, 0.5);
}

.photo_img {
    float: left;
    width: 100%;
}

.photo_img img {
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 10px;
    transition: transform ease-in-out .5s;
}

.photo_wz {
    float: left;
    width: 100%;
    margin-top: 30px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 18px;
}

.photo_more {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.photo_more span {
    padding: 5px 20px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 20px;
}


.case_bj {
    width: 100%;
    padding: 50px 0;
    background-size: cover;
    overflow: hidden;
}

.mtop50 {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 50px 0;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.case {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    color: #fff;
}

.case h1 {
    font-size: 30px;
}

.case p {
    color: #fff;
    opacity: 0.6;
    font-family: "Century Gothic","Microsoft Sans Serif","verdana","Arial";
    font-size: 28px;
}

.case_news {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.case_show {
    width: 1200px;
    height: 300px;
    margin: 0 auto;
    background: #fff;
    display: flex;
}

.case_show_img {
    float: left;
    width: 400px;
    height: 300px;
}

.case_show_wz {
    float: left;
    width: 700px;
    padding: 20px 40px;
}

.swiper-slide img {
    width: 100%;
    min-height: auto;
    display: block;
}

.case_show_img img {
    width: 100%;
    height: auto;
}

.case_show_wz h2 {
    color: #000;
    font-size: 26px;
    margin-top: 15px;
}

.case_show_wz h3 {
    color: #666;
    font-size: 14px;
    margin: 5px 0px;
}

.case_content {
    font-size: 14px;
    line-height: 25px;
    margin-top: 20px;
}

.case_show_more {
    display: block;
    width: 98%;
    margin-top: 30px;
    padding-bottom: 30px;
    text-align: right;
}

.case_show_more span {
    padding: 10px 40px;
    background: #5A95D7;
    color: #fff;
    border-radius: 35px;
}

.swiper-slide img {
    width: 100%;
    min-height: 350px;
    display: block;
}

.sidebar-footer > .sidfo >h3 {
    padding-bottom: 20px
}

.sidebar-footer > .sidfo > .textwidget > p {
    padding-bottom: 5px
}

.cat-title {
    position: absolute;
    top: 10%;
    left: 6%;
    text-align: center;
    z-index: 909;
}


/*----------------------媒体判断---------------------*/
@media only screen and (max-width:1200px) {
body{
    min-width: 100%;
}

.header, .content, .footer,.hd_logo > a,.hd_logo > a > img,.cp ul li img,.cp ul li a,.trob,.ad02,.ad02 img,.trob_box,.exam_side img,.exam ul li a,.fd_link,.ftInfo p.ftInfo_con,.ftInfo p.ftInfo_con,.nav ul,.FAQ_box,.case,.case_news,.case_show,.mtop50{
    width: 98%;
}

#ulOrderAnns{
    width: 100% !important;
}

.riti1_con ul li {
    margin-left: auto;
    padding: 0 10px 0 10px;
}

.exam ul li a img,.pro_con{
    width: 98%;
}
.cp,.exam ul,.news,.FAQ p {
    width: 77%;
}

.cp,.exam ul,.news {
    padding: 0 0 9px 9px;
}

.hd_logo {
    width: 40%;
}
.cp ul li,.exam_side,.FAQ {
    width: 22%;
}

.classfiy {
    width: 20%;
}

.hd_logo > a,.exam ul li a {
    display: block;
}

.hd_phone {    width: 22%;}

.cp ul li {
    padding: 10px;
}

.cp ul li,.ad_box2,.ad02 img,.exam_side img,.trob,.trob dl,.news_box .news{
    height: auto;
}

.cp ul li img{padding: 0px;}

.cp ul{
    margin: 0 0px;
}

}



@media only screen and (max-width:1000px) {
.trob dl dd {
    font-size: 12px;
    width: 100%;
}

.trob dl dd p,.trob_box .comp{
    height: auto;
}

.trob dl dd p,.news dl{
    width: 98%;;
}

}

@media only screen and (max-width:940px) {
.cp,.sup dl.icon1 dd img,.sup dl.icon2 dt,.sup dl.icon3 dt,.exam ul,.sup dl.icon1 dt,.news dl dd p,.news_box .news {
    width:100%;
}

.sup dl.icon2 dt img{
    width: 98%;
}

.news dl dd{
    width: 80%;
    overflow: hidden;
}

.news dl dt {
    width: 20%;
    margin: 0;
    overflow: hidden;
}

.cp,.sup dl.icon1 dd img{
    padding: 0 0 0 0px;
}

.cp_box,.sup,.sup dl.icon1,.sup dl.icon2,.exam,.exam_side img{
    height: auto;
}

.sup dl.icon2 dd,.news dl dd h4{
    width: auto;
}

.classfiy,.exam_side,.FAQ {
    display: none;
}
.sup,.sup dl.icon2{
    background: url()
}

.sup dl.icon1 {
    margin: 15px;
}

.sup dl.icon2 dt {
    padding: 0 0 0 0px;
}

}

@media only screen and (max-width:767px) {

.hdWrap,.hd_Mid,.nav{height: auto;}

.hd_Top,.hd_phone,.search,.classfiy,.ckBtn {display:none}

.logo > h1 > a > .logo-pc {
    display: none;
}

.logo > h1 > a > .logo-m {
    display: block;
}

.news dl dt a {
    width: 100%;
    display: block;
}

.news dl dt a img {
    width: 90%;
}

.nav ul li a {
    padding: 20px 15px;
    color: #333;
    
}

.hd_logo{margin:0}

.cp ul li {
    width: 46%;
    height: auto;
}

.cp ul li p {
    width: 100%;
}

.exam ul li{
    width: 48%;
}

.trob dl dt {
    width: 100%;
}

.trob dl dd p {
    padding: 9px 7px 9px 7px;
}

.toggle {
    display: flex;
    position: relative;
    width: 25px;
    height: 25px;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition-duration: .5s;
}

.bars {
    height: 4px;
    background-color: rgb(115, 129, 146);
    border-radius: 4px;
}

#bar1, #bar3 {
    width: 70%;
}

#bar2 {
    width: 100%;
    transition-duration: .8s;
}

.news_pic {
    width: 100%;
}

.news_list {
    width: 100%;
}

.sidebar-footer {
    width: 100%;
    margin-top: 30px;
}

.fnav-dh {
    width: 100%;
    flex-wrap: wrap;
}

.sy_photo {
    display: flex;
    overflow: hidden;
    width: 100%;
    flex-wrap: wrap;
    background-size: cover;
}

.sy_photo li {
    width: 49.77777%;
    height: 200px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    background: rgb(0 0 0 / 30%);
    border-right: 1px solid rgba(242, 238, 238, 0.5);
}

.swiper-wrapper{
    flex-wrap: wrap;
}


.case_show_img {
    width: 100%;
    height: auto;
}

.case_show {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
}

.case_show_wz {
    width: 100%;
    height: 100%;
    padding: 5px 5px;
    position: absolute;
    background: rgb(255 255 255 / 72%);
}

.case_show_wz h2 {
    padding: 10px;
}

.case_content {
    padding: 10px;
}

}

@media only screen and (max-width:500px) {
    .cp ul li {
    width: 45%;
    height: auto;
}

.sy_photo li {
    width: 49.7%;
    height: 200px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    background: rgb(0 0 0 / 30%);
    border-right: 1px solid rgba(242, 238, 238, 0.5);
}


}
@media only screen and (max-width:400px) {
.cp ul li {
    width: 43%;
    height: auto;
}
}